<html>
    <head>
        <title>表格learning</title>
        <meta charset="UTF-8">

    </head>
    <body>
        <!--边框 宽度 单元格间距 文字padding-->
        <table border="1" width="700" cellspacing="0" cellpadding="4">
            <tr align="center">
                <th>姓名</th>
                <th>门派</th>
                <th>成名绝技</th>
                <th>内功数值</th>
            </tr>
            <tr align="center">
                <td>巧芬</td>
                <td>丐帮</td>
                <td>少林</td>
                <td>2000</td>
            </tr>
            <tr align="center">
                <td>阿甘</td>
                <td>丐帮</td>
                <td>少林</td>
                <td>2000</td>
            </tr>
            <tr align="center">
                <td>滑稽</td>
                <td>丐帮</td>
                <td>少林</td>
                <td>2000000000000000</td>
            </tr>
        </table>

        <hr>



        <table align="center" border="1" width="400" cellpadding="4" cellspacing="0">
            <tr align="center">
                <th>名称</th>
                <th>单价</th>
                <th>数量</th>
                <th>小计</th>
                <th>操作</th>
            </tr>

            <tr align="center">
                <td>苹果</td>
                <td rowspan="2">5</td>
                <td>20</td>
                <td>100</td>
                <td><img src=".\imgs\dele.png" width="22.4" height="26" alt="图片加载失败"></td>
            </tr>

            <tr align="center">
                <td>菠萝</td>

                <td>15</td>
                <td>45</td>
                <td><img src=".\imgs\dele.png" width="22.4" height="26" alt="图片加载失败"></td>
            </tr>

            <tr align="center">
                <td>西瓜</td>
                <td>6</td>
                <td>6</td>
                <td>36</td>
                <td><img src=".\imgs\dele.png" width="22.4" height="26" alt="图片加载失败"></td>
            </tr>
            <tr align="center">
                <td>总计</td>
                <td colspan="4">181</td>
            </tr>
        </table>

    </body>
</html>
<!-- 
    表格    table
    行      tr
    列      td
    表头列 th

    table中如下属性已经淘汰 了解

    border 表格边框的粗细
    width 表格宽度
    cellpadding 单元格填充
    cellspacing 单元格间距

    tr中 align -> center left right 


    rowspan 行合并
    colspan 列合并
  -->

  <!--
    hr 直线 
  -->